<div class="content-wrapper" style="min-height: 976px;">
<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        个人信息
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li><a ui-href="index.userInfo"> 个人信息</a></li>
        <li class="active"> 修改密码</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- column -->
        <div class="col-md-12">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">修改密码</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form method="get" class="form-horizontal" name="myForm">
              <div class="box-body">
                <!-- <div class="form-group">
                  <label for="inputUsername" class="col-sm-2 control-label">用户名</label>
                  <div class="col-sm-6">
                    <input type="text" ng-model="user.username" class="form-control" id="inputUsername" placeholder="用户名" readonly>
                  </div>
                </div> -->
                <div class="form-group">
                  <label class="col-sm-2 control-label"><span style="color: red">*</span>当前密码</label>
                  <div class="col-sm-6">
                    <input type="password" ng-model="oldPassword" minlength=6 maxlength=16 class="form-control" placeholder="输入当前密码，密码长度6-16位" ng-required="true" ng-blur="isPasswordRight()">
                    <span style="color: red" ng-show="isPasswordWrong">密码输入错误。</span>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label"><span style="color: red">*</span>新密码</label>
                  <div class="col-sm-6">
                    <input type="password" ng-model="newPassword" minlength=6 maxlength=16 class="form-control" placeholder="输入新密码，密码长度6-16位" ng-required="true">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label"><span style="color: red">*</span>确认密码</label>
                  <div class="col-sm-6">
                    <input type="password" ng-model="retypePassword" minlength=6 maxlength=16 class="form-control" placeholder="确认密码和新密码保持一致" ng-required="true" ng-blur="isRetypeSame()">
                    <span style="color: red" ng-show="isRetypeDiff">密码输入不一致。</span>
                  </div>
                </div>
              <!-- /.box-body -->
              <div class="box-footer">
                <button class="btn btn-primary col-sm-4 col-sm-offset-3" ng-click="save()" ng-disabled="myForm.$invalid||!isPasswordRight||!isRetypeSame">修改密码</button>
              </div>
            </form>
          </div>
          <!-- /.box -->
        </div>
        <!--/.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- 保存弹出框 -->
<div class="modal" id="sure" aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-x: hidden; overflow-y: auto;">
    <div class="modal-dialog">
        <div class="panel panel-default">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>确定</h3>
            </div>
            <div class="modal-body">
                <p>确定修改？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" ng-click="submits('save');">是</button>
                <button type="button" class="btn btn-primary" ng-click="submits('cancel');">否</button>
            </div>
        </div>
    </div>
</div>